<%@ page import="com.tzr.bean.User" %>
<%@ page import="java.util.List" %>
<%@ page import="com.tzr.service.UserDaoService" %>
<%@ page import="com.tzr.service.UserDaoServiceImpl" %>
<%@ page import="com.tzr.bean.Weibo" %><%--
  Created by IntelliJ IDEA.
  User: 84959
  Date: 2020/8/18
  Time: 20:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<html>
<head>
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-3.5.0.min.js"></script>
<script type="text/javascript">
$(function () {
    $("#z"). click(function () {
        //1.获得原来的点赞数
        var count=$("#dz").html();
        count++;
        //重新写入点赞数：
        $("#dz").html(count);
        $.ajax(
            {
                url:"/dianzan",
                data:"null",
                type:"post",
                success:function (result) {

                }
            }
        )

    })
       // 1.用户点击评论按钮(普通按钮)，触发js
    $("#btn").click(function ()
    {
        //2.js里获得刚才输入的信息和用户id
        var  name =$("#name").val();
        var note=$("#note").val();
       //使用$.post进行提交，新增到数据库
        $("#table").append(
        "<tr><td>"+name+"</td><td>"+note+"</td></tr>",
    )
        $.ajax(
          {
              url:"/pinglun",
              data:"uname="+name+"&note="+note,
              type:"post",
              success:function (result) {
              }
          }
      )

    })
})

</script>
    <style type="text/css">
        #z{
            color: blue;
            text-decoration: underline;
        }
    </style>
</head>
<body>
<%
    request.getAttribute("name");
    UserDaoService userDaoService=new UserDaoServiceImpl();
    List<Weibo> weibo=userDaoService.getAll();
    request.setAttribute("pinglun",weibo);
    int zan = userDaoService.Zan();
    request.setAttribute("dzan",zan);
%>
<div>
    <h1>文章1</h1>
    <h2>一.Mysql概述</h2>
    <h3>1.什么是数据库</h3>
    数据库（Database）就是按照数据结构来组织，存储和管理数据的仓库。
    专业的数据库是专门对数据进行创建，访问，管理，搜索等操作的软件
    比起我们自己用文件读写的方式对象数据进行管理更加的方便，快速，安全。
    <h3>2.数据库的特点及作用</h3>
    <ul>
        <li>对数据进行持久化的保存</li>
        <li>方便数据的存储和查询，速度快，安全，方便</li>
        <li>可以处理并发访问</li>
        <li>更加安全的权限管理访问机制。</li>
    </ul>
    <h3>3.常见的数据库</h3>
    关系型：Mysql，ORACLE，PostgreSQL ，SQLServer，
    非关系型：redis
    文档型：mongoDB

    <br/>
    <span id="z">赞</span><span id="dz"><%=request.getAttribute("dzan")%></span>
</div>
<div>
    <h3>评论区</h3>
    <table width="800px" border="1px" id="table">
        <tr>
            <td>用户名</td>
            <td>评论</td>
        </tr>
<c:forEach items="${pinglun}" var="pl">
    <tr>
        <td>${pl.uname}</td>
        <td>${pl.pinglun}</td>
    </tr>
</c:forEach>
    </table>
</div>
<div>
    用户名:<input type="text" name="uname" id="name"/><br/>
    <fieldset>
    <legend>留言板</legend>
    <textarea name="note" rows="10" cols="30"id="note"></textarea>
</fieldset>
    <input type="button" id="btn" name="xiuYan" value="留言" />
</div>
</body>
</html>
